<template>
	<view>
		<view class="none" v-if="list ==''">暂无提交记录~</view>
		<view class="margin30 bor-ra" v-else>
			<view class="flex">
				<view class="name">申请等级</view>
				<view class="value">{{list.level_name}}</view>
			</view>
			<view class="flex">
				<view class="name">姓&emsp;&emsp;名</view>
				<view class="value">{{list.real_name}}</view>
			</view>
			<view class="flex">
				<view class="name">联系方式</view>
				<view class="value">{{list.mobile}}</view>
			</view>
			<!-- <view class="flex">
				<view class="name">身份证号</view>
				<view class="value">{{list.identity_card}}</view>
			</view>
			<view class="flex">
				<view class="name">所在地区</view>
				<view class="value">{{list.province}} {{list.city}} {{list.district}}</view>
			</view>
			<view class="flex">
				<view class="name">详细地址</view>
				<view class="value">{{list.address}}</view>
			</view> -->
			<view class="state">{{list.status_str}}</view>
			<router-link class="flex-1" to="/pages/index/index" navType="pushTab">
				<view class="br60 flex row-center back-btn m-t-60 md">返回首页</view>
			</router-link>
		</view>
	</view>
</template>

<script>
	import {applyDetails} from '@/api/user';
	export default {
		data() {
			return {
				list:[]
			}
		},
		onLoad(option) {
			this.applyDetails();
			console.log(option)
			this.level = option
		},
		methods: {
			async applyDetails(){
				const {
					code,
					data
				} = await applyDetails({})
				this.list = data;
				console.log('this.list',this.list)
			},
		}
	}
</script>

<style>
.margin30{
	background-color: #fff;
	padding: 30rpx 46rpx;
	height: 2000rpx;
}
.flex{
	margin-bottom: 14rpx;
}
.name{
	margin-right: 50rpx;
}
.state{
	color: #f5335e;
	text-align: center;
	font-size: 30rpx;
	margin-top: 40rpx;
}
.none{
	margin-top: 200rpx;
	text-align: center;
}
</style>
